.com-li-article
  padding 20px
  border-bottom 1px solid #f2f2f2
  display flex
  transition all .2s ease-in
  &:hover
    background: #f7f7f7;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);
    box-shadow: 0 0 30px rgba(0,0,0,0.15);
    -webkit-transform: translate3d(0, 0px, -2px);
    transform: translate3d(0, 1px, -2px);

    .content .title
      color #ee5b2e
  .img-ctn
    width 200px
    height 130px
    background-size  cover
    flex-shrink 0
    background-position center
    margin: 10px 20px 10px 20px;

  .content
    margin-left 15px
    //display inline-block
    vertical-align top
    .title
      font-size 120%
      font-weight bold
      text-decoration none
      color #31424e
      //&:hover
      //  color ee5b2e

    .sub-title
      color grey
      margin-top 10px
      white-space: pre-wrap;
      word-wrap: break-word;